<template>
  <view class="profile-container">
    <view class="header-section">
      <view class="avatar-wrapper">
        <wd-img
          class="avatar"
          :width="60"
          :height="60"
          src="https://c-ssl.dtstatic.com/uploads/blog/202304/29/20230429194620_cd903.thumb.400_0.jpg"
        />
      </view>
      <text class="username">别打马赛克</text>
    </view>

    <view class="menu-list">
      <wd-cell-group>
        <wd-cell
          title="我的统计"
          is-link
          icon="chart-bar"
          @click="goToPage('statistics')"
        />
        <wd-cell
          title="隐私政策"
          is-link
          icon="shield-check"
          @click="goToPage('privacy-policy')"
        />
        <wd-cell
          title="常见问题"
          is-link
          icon="question-circle"
          @click="goToPage('faq')"
        />
        <wd-cell
          title="关于我们"
          is-link
          icon="user-group"
          @click="goToPage('about-us')"
        />
      </wd-cell-group>
    </view>
  </view>
</template>

<script lang="ts" src="./profile.ts"></script>
<style lang="scss" src="./profile.scss"></style>